/* Search Input */
#custom-search-div {
    position: relative;
    margin: auto;
    top: -20rem;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    /*height: 20%;*/
    min-width: 200px;
    max-width: 600px;
    /*padding: 40px;*/
}

#custom-search-input {
    /*padding: 3px;*/
    /*border: solid 1px #E4E4E4;*/
    /*border-radius: 6px;*/
    background-color: transparent;
}

#custom-search-input input {
    border: 0;
    box-shadow: none;
}

#custom-search-input button {
    /*margin: 2px 0 0 0;*/
    background-color: #B11116;
    box-shadow: none;
    border: none;
    color: #666666;
    /*padding: 0 8px 0 10px;*/
    /*border-left: solid 1px #ccc;*/
}

#custom-search-input button:hover {
    border: none;
    box-shadow: none;
    /*border-left: solid 1px #ccc;*/
}

#custom-search-input > div > span > button > span {
	/*Change magnifying glass to white*/
	color: #FFF;
}

@media only screen and (max-width: 900px) {
	#custom-search-div {
    	position: inherit !important;
	}
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
	height: 350px;
	}